﻿@using System.Web.Optimization
<!DOCTYPE html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html class="no-js" lang="en">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="initial-scale=1.0" />
	<title>Grocery Price Book - Home</title>
	@Styles.Render("~/bundles/main/css")
	@Scripts.Render("~/bundles/modernizr")
</head>
<body>
	<div class="off-canvas-wrap">
		<div class="inner-wrap">
			<!-- Navigation -->
			<nav class="top-bar hide-for-small">
				<ul class="title-area">
					<!-- Title Area -->
					<li class="name">
						<h1><a href="#">Grocery Price Book</a></h1>
					</li>
					<li class="toggle-topbar menu-icon"><a href="#"><span>menu</span></a></li>
				</ul>
				<section class="top-bar-section">
					<ul class="left">
						<li class="divider"></li>
						<li>@Html.ActionLink("Log", "Index", "PurchaseLog")</li>
						<li class="divider"></li>
						<li>@Html.ActionLink("Stores", "Index", "Store")</li>
						<li class="divider"></li>
						<li>@Html.ActionLink("Manufacturers", "Index", "ProductMaker")</li>
						<li class="divider"></li>
						<li>@Html.ActionLink("Categories", "Index", "ProductCategory")</li>
						<li class="divider"></li>
						<li>@Html.ActionLink("Weight / Volume Units", "Index", "ProductAmountUnit")</li>
						<li class="divider"></li>
						<li>@Html.ActionLink("Count / Quantity Units", "Index", "ProductQuantityUnit")</li>
						<li class="divider"></li>
						<li>@Html.ActionLink("Products", "Index", "Product")</li>
						<li class="divider"></li>
					</ul>
					<ul class="right">
						<!-- Divider -->
						<li class="divider"></li>
						<!-- Search | has-form wrapper -->
						<li class="has-form">
							<div class="row collapse">
								<div class="large-8 small-9 columns">
									<input type="text" placeholder="Find Stuff">
								</div>
								<div class="large-4 small-3 columns">
									<a href="#" class="alert button expand">Search</a>
								</div>
							</div>
						</li>
					</ul>
				</section>
			</nav>
			<nav class="tab-bar show-for-small">
				<a class="left-off-canvas-toggle menu-icon">
					<span>Grocery Price Book</span>
				</a>
			</nav>
			<aside class="left-off-canvas-menu">
				<ul class="off-canvas-list">
					<li>@Html.ActionLink("Log", "Index", "PurchaseLog")</li>
					<li>@Html.ActionLink("Stores", "Index", "Store")</li>
					<li>@Html.ActionLink("Manufacturers", "Index", "ProductMaker")</li>
					<li>@Html.ActionLink("Categories", "Index", "ProductCategory")</li>
					<li>@Html.ActionLink("Weight / Volume Units", "Index", "ProductAmountUnit")</li>
					<li>@Html.ActionLink("Count / Quantity Units", "Index", "ProductQuantityUnit")</li>
					<li>@Html.ActionLink("Products", "Index", "Product")</li>
				</ul>
			</aside>
			<!-- End Navigation -->

			<section class="main-section">
				@RenderBody()
				<!-- Footer -->
				<footer class="row">
					<div class="large-12 columns">
						<hr>
						<div class="row">
							<div class="large-6 columns">
								<p>© Copyright no one at all. Go to town.</p>
							</div>
							<div class="large-6 columns">
								<ul class="inline-list right">
									<li><a href="#">Link 1</a></li>
									<li><a href="#">Link 2</a></li>
									<li><a href="#">Link 3</a></li>
									<li><a href="#">Link 4</a></li>
								</ul>
							</div>
						</div>
					</div>
				</footer>
				<!-- End Footer -->
			</section>

			<a class="exit-off-canvas"></a>
		</div>
		<!-- End inner-wrap -->
	</div>
	<!-- End off-canvas-wrap -->
	@Scripts.Render("~/bundles/main/js")
	@RenderSection("scripts", required: false)
	<script>
		$(document).foundation();
	</script>
</body>
</html>
